@charset 'utf-8';
@import "reset";
$width:100%;
// 首页主体样式代码
main {
    // 首页“关于我们”部分样式
    .aboutUs {
        width: $width;
        // height: 970px;
        background-color: #fff;
        .container {
            width: 1200px;
            height: 100%;
            margin: 0 auto;
            margin-top: 91px;
            margin-bottom: 75px;
            // background-color: #f9a575;
            // z-index: 1;
            .title {
                width: 100%;
                height: 76px;
                text-align: center;
                position: relative;
                .chineseTitle {
                    h1 {
                        font-size: 32px;
                        color: #333;
                        font-weight: 500;
                    }
                }
                .chineseTitle::before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    width: 43%;
                    height: 2px;
                    background-color: #666;
                    left: 0;
                }
                .chineseTitle::after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    width: 43%;
                    height: 2px;
                    background-color: #666;
                    right: 0;
                }
                .englishTitle {
                    width: 200px;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    margin-left: -100px;
                    h1 {
                        font-size: 22px;
                        color: #666;
                        // line-height: 30px;
                    }
                }
            }
            .mainAboutUs {
                // background-color: yellow;
                width: 100%;
                margin-top: 88px;
                .aboutUsBox1 {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    li {
                        width: 50%;
                        height: 320px;
                        .aboutImgBox {
                            font-size: 0; //清除图片之间的间隙
                            width: 100%;
                        }
                        p {
                            font-family: MicrosoftYaHei;
                            font-size: 14px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 22px;
                            letter-spacing: 0px;
                            color: #999999;
                            padding-left: 15px;
                            text-indent: 2em;
                        }
                    }
                }
                .aboutUsBox2 {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    li {
                        width: 48%;
                        height: 320px;
                        // background-color: #999;
                        .leftImg {
                            display: inline-block;
                        }
                        .rightText {
                            display: inline-block;
                            p {
                                text-align: left;
                            }
                            p:first-child {
                                width: 72px;
                                height: 40px;
                                font-family: MicrosoftYaHei;
                                font-size: 24px;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 40px;
                                letter-spacing: 0px;
                                color: #f9a575;
                            }
                            p:nth-child(2) {
                                width: 181px;
                                height: 40px;
                                font-family: MicrosoftYaHei;
                                font-size: 16px;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 40px;
                                letter-spacing: 0px;
                                color: #fab791;
                            }
                            p:nth-child(3) {
                                font-family: MicrosoftYaHei;
                                font-size: 12px;
                                line-height: 30px;
                                font-weight: normal;
                                letter-spacing: 0px;
                                color: #fbc9ac;
                            }
                            p:last-child {
                                font-family: MicrosoftYaHei;
                                font-size: 12px;
                                font-weight: normal;
                                letter-spacing: 0px;
                                color: #fbc9ac;
                            }
                        }
                    }
                    li:last-of-type {
                        p:nth-of-type(2) {
                            color: #666;
                        }
                        p:nth-of-type(3),
                        p:nth-of-type(4) {
                            color: #999;
                        }
                    }
                }
            }
        }
    }
    // 首页“终端形象”部分样式
    .terminalImage {
        box-sizing: border-box;
        width: $width;
        // height: 841px;
        background-color: #000;
        border: 1px solid #000;
        .container {
            width: 1200px;
            height: 100%;
            margin: 0 auto;
            margin-top: 91px;
            margin-bottom: 75px;
            // background-color: pink;
            .title {
                width: 100%;
                height: 76px;
                text-align: center;
                position: relative;
                .chineseTitle {
                    h1 {
                        font-size: 32px;
                        color: #fff;
                        font-weight: 500;
                    }
                }
                .chineseTitle::before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    width: 43%;
                    height: 2px;
                    background-color: #666;
                    left: 0;
                }
                .chineseTitle::after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    width: 43%;
                    height: 2px;
                    background-color: #666;
                    right: 0;
                }
                .englishTitle {
                    width: 200px;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    margin-left: -100px;
                    h1 {
                        font-size: 22px;
                        color: #d9d9d9;
                        // line-height: 30px;
                    }
                }
            }
            .mainTerminalImage {
                display: flex;
                width: 100%;
                height: 492px;
                margin-top: 89px;
                // background-color: skyblue;
                .terminalImageLeft {
                    flex: 4;
                    width: 40%;
                    border-right: 3px solid #181818;
                    .imgBox {
                        float: left;
                        width: 100%;
                        height: 100%;
                        top: 0;
                    }
                }
                .terminalImageRight {
                    flex: 6;
                    width: 60%;
                    .rightBox {
                        // font-size: 0;
                        width: 585px;
                        height: 100%;
                        // background-color: #fff;
                        float: right;
                        position: relative;
                        p:first-child {
                            font-size: 44px;
                            font-weight: 550;
                            color: #f9a575;
                        }
                        p:nth-child(2) {
                            // width: 177px;
                            // height: 7px;
                            font-family: FZZYK--GBK1-0;
                            font-size: 6px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 18px;
                            letter-spacing: 0px;
                            color: #666666;
                        }
                        p:nth-child(3) {
                            // width: 83px;
                            // height: 18px;
                            font-family: FZZYK--GBK1-0;
                            font-size: 6px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 28px;
                            letter-spacing: 0px;
                            color: #666666;
                        }
                        p:nth-child(4) {
                            // width: 138px;
                            height: 68px;
                            font-family: MicrosoftYaHei;
                            font-size: 16px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 68px;
                            letter-spacing: 0px;
                            color: #f9a474;
                        }
                        p:last-of-type {
                            // width: 584px;
                            // height: 30px;
                            font-family: DFSongW3-A;
                            font-size: 12px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 18px;
                            letter-spacing: 0px;
                            color: #fefefe;
                            opacity: 0.6;
                        }
                        .rightBoxImg {
                            width: 100%;
                            height: 281px;
                            position: absolute;
                            bottom: 0;
                        }
                    }
                }
            }
        }
    }
    // 首页“新闻中心”部分样式
    .newsCenter {
        width: $width;
        // height: 1042px;
        // background-color: yellow;
        // border: 1px solid #000;
        .container {
            width: 1200px;
            height: 100%;
            margin: 0 auto;
            margin-top: 84px;
            margin-bottom: 75px;
            // background-color: pink;
            .title {
                width: 100%;
                height: 76px;
                text-align: center;
                position: relative;
                .chineseTitle {
                    h1 {
                        font-size: 32px;
                        color: #333;
                        font-weight: 500;
                    }
                }
                .chineseTitle::before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    width: 43%;
                    height: 2px;
                    background-color: #666;
                    left: 0;
                }
                .chineseTitle::after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    width: 43%;
                    height: 2px;
                    background-color: #666;
                    right: 0;
                }
                .englishTitle {
                    width: 200px;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    margin-left: -100px;
                    h1 {
                        font-size: 22px;
                        color: #666;
                        // line-height: 30px;
                    }
                }
            }
            .newsCon {
                width: 100%;
                // height: 100%;
                background-color: #fff;
                margin-top: 90px;
                ul {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    align-content: space-between;
                    li {
                        font-size: 0;
                        width: 380px;
                        height: 335px;
                        text-align: center;
                        // background-color: skyblue;
                        margin-bottom: 10px;
                        .topImg {
                            width: 100%;
                        }
                        p:first-of-type {
                            // width: 145px;
                            height: 44px;
                            font-family: MicrosoftYaHei;
                            font-size: 16px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 44px;
                            letter-spacing: 0px;
                            color: #f9a575;
                            text-align: center;
                        }
                        p:nth-of-type(2) {
                            // height: 31px;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 20px;
                            letter-spacing: 0px;
                            color: #999999;
                            opacity: 0.7;
                        }
                        p:nth-of-type(3) {
                            // height: 31px;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 20px;
                            letter-spacing: 0px;
                            color: #999999;
                            opacity: 0.7;
                        }
                    }
                    li:hover {
                        margin-bottom: 10x;
                        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
                        p:nth-of-type(2),
                        p:nth-of-type(3) {
                            color: #fbc9ac;
                            cursor: pointer;
                        }
                    }
                }
            }
        }
    }
}